import Vue from 'vue'
import App from './App.vue'

//导入vue-router
import VueRouter from 'vue-router'
//安装插件 启用路由功能
Vue.use(VueRouter)

//引用组件
import Home from './View/Home.vue'
import About from './View/About.vue'
//配置路径和组件的映射关系
const routes = [
  //配置默认路由
	// 任意路由，都给重定向到home这个组件中来
	{
		path:'*',
		redirect:'/home'
	},
  {
    path: '/home',//路由路径
    component: Home//路由到的组件
  },
  {
    path: '/about',//路由路径
    component: About//路由到的组件
  }
];
//创建路由实例 并且传入路由映射配置
const router = new VueRouter({
    routes,//传入的路由配置
    linkActiveClass:"myactive",
    //改变路由模式：hash、history
	  mode:'history'
})


// 引入全部组件
import Mint from 'mint-ui';
// 引入UI框架的样式
import 'mint-ui/lib/style.css'

Vue.use(Mint);

Vue.config.productionTip = false

new Vue({
  router,//将路由注入为vue对象
  render: h => h(App),
}).$mount('#app')
